<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        
        <link rel="stylesheet" type="text/css" href="../../assets/third_party/jcarousel2/skins/tango/skin.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

        <script type="text/javascript" src="../../assets/third_party/jcarousel/jquery.jcarousel.min.js"></script>

        <script type="text/javascript">

            jQuery(document).ready(function() {
                jQuery('#mycarousel').jcarousel();
            });

        </script>


    </head>
    <body>
        <div id="wrapper">	
            <div id="top">
                <div id="wrapper_menu">
                    <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_3"> 
                        <!--Load css of widget-->
                        <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                        <style>
                            #wrapper_menu{
                                width:100%;
                                background: url(images/menu_bg.png) repeat-x;
                                height: 82px;
                            }

                            .menu_3{
                                width:934px;
                                margin:0px auto;
                            }

                            .menu_3 ul li{
                                float:left;
                                width:129px;
                                height:82px;
                                text-align: center;
                                background: url(images/menu_items_divider_bg.png) no-repeat left;
                                line-height: 82px;
                            }

                            .menu_3 ul li a:link, .menu_3 ul li a:visited{
                                font-family: tahoma;
                                color:#b1b1b1;
                                font-size: 12px;
                                text-transform: uppercase;
                                display: block;

                            }

                            .menu_3 ul li.active a{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;  
                            }

                            .menu_3 ul li a:hover{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;

                            }

                            .menu_3 ul li:last-child{
                                background: url(images/menu_items_last_bg.png) no-repeat center;
                                width:129px;
                                height:82px;

                            }

                        </style>
                        <ul class="menu">
                            <li><a href="home.html">Home</a>
                            <li><a href="#">About us</a>
                            <li><a href="#">Services</a>
                            <li><a href="#">Practices</a>
                            <li><a href="#">Reosources</a>
                            <li class="active"><a href="gallery.html">Gallery</a>
                            <li class="last"><a href="contact.html">Contact Us</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                </div>
                <!--End #wrapper_menu-->   

                <div id="wrapper_header">
                    <div id="header_section">
                        <div id="wrapper_logo">
                            <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                            <div id="logo_wi_1" class="logo_2"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                                <style>
                                    #wrapper_header{

                                        background: #3b474d;
                                    }

                                    #wrapper_header #header_section{
                                        width:934px;
                                        margin:0px auto;
                                        padding-bottom: 30px;
                                    }

                                    #wrapper_logo{
                                        width:450px;
                                        float:left;
                                    }

                                    .logo_2 h1,h3{
                                        font-family: Arial;
                                    }

                                    .logo_2 h1{
                                        font-size: 45px;
                                        text-transform: uppercase;
                                        font-weight: normal;
                                        text-align: left;
                                        color:#ffffff;
                                        margin:25px 0px 10px 0px;
                                    }

                                    .logo_2 h3{
                                        font-size: 20px;
                                        font-weight: normal;
                                        text-align: left;
                                        color:#b1b1b1;

                                    }
                                </style>

                                <h1>
                                    privator
                                </h1>
                                <h3>
                                    Lawyer Bureau
                                </h3>

                            </div>
                            <!--END LOGO WIDGET--> 
                        </div><!--End #wrapper_logo-->

                        <div id="wrapper_search">
                            <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->
                            <style>
                                #wrapper_search{
                                    width:450px;
                                    float:right;
                                    text-align: right;
                                    margin-top: 20px;
                                }
                            </style>
                            <div id="search_bar_wi_1" class="search_bar_2"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                                <style>
                                    .search_bar_2{
                                        position:relative;
                                    }
                                    .search_bar_2 .searchText{
                                        border:none;
                                        width:263px;
                                        height:41px;
                                        background: #364349;
                                        border:1px solid #47565d;
                                        line-height: 41px;
                                        padding-left:10px;
                                        color:#161a1c;
                                        font-family: Tahoma;
                                        font-size: 12px;
                                    }

                                    .search_bar_2 .buttonSearch{
                                        border:none;
                                        position:absolute;
                                        right: 20px;
                                        top: 16px;
                                        background: url(images/search_icon.png) no-repeat;
                                        height:20px;

                                    }
                                </style>
                                <form id="searchForm" class="searchForm" action="#" method="post">
                                    <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                    <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                                </form>
                            </div>
                            <!--END SEARCH WIDGET--> 
                        </div><!--End #wrapper_search-->

                        <div class="clear"></div>
                    </div><!--End #header_section-->
                </div>
                <!--END top-->

                <div id="wrapper_main">
                    <style>
                        #wrapper_main{
                            background:#ffffff;
                            min-height:200px;
                            margin-bottom:20px;

                        }

                    </style>
                    <div id="main">
                        <div id="wrapper_breadcrumbs">
                            <style>
                                #wrapper_breadcrumbs{
                                    margin-bottom:20px;
                                }

                                #wrapper_main #main{
                                    background:#ffffff;
                                    min-height:200px;
                                    margin-bottom:20px;
                                    padding-top:20px;
                                    width:936px;
                                    margin:0px auto;

                                }
                            </style>
                            <!--BREADCRUMBS WIDGET [slug:breadcrumbs, library:1, widget instance:1]-->
                            <div id="breadcrumbs_wi_1" class="breadcrumbs_1"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="breadcrumbs_0.css" />-->
                                <style>
                                    .breadcrumbs_1{
                                        display:block;

                                    }
                                    .breadcrumbs_1 li{
                                        display:inline;
                                        padding-right:10px;
                                        background: url(images/breadcrumb_divider.png) no-repeat right;
                                        margin-right:10px;

                                    } 

                                    .breadcrumbs_1 li.current{
                                        margin-right:0px;
                                        background: none;

                                    }

                                    .breadcrumbs_1 li a:link, .breadcrumbs_1 li a:visited{
                                        color:#364349;
                                        font:bold 11px Tahoma;

                                    }

                                    .breadcrumbs_1 li a:hover{
                                        color:#881d15;

                                    }

                                    .breadcrumbs_1 li.current a:link, .breadcrumbs_1 li.current a:visited, .breadcrumbs_1 li.current a:hover{
                                        color:#50b9ea;


                                    }

                                </style>
                                <ul class="breadcrumbs">
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li class="current"><a href="#">LorMauris accumsan nulla veem ip um dolor sit</a></li>
                                </ul>
                            </div>
                            <!--END BREADCRUMBS WIDGET--> 
                        </div><!--End #wrapper_breadcrumbs-->

                        <div id="wrapper_gallery_list">
                            <!--Gallery list WIDGET [slug:gallery_list, library:1, widget instance:1]-->
                            <div id="gallery_list_wi_1" class="gallery_list_1"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="breadcrumbs_0.css" />-->
                                <style>
                                    .gallery_list_1 h2.album_list_title{
                                        font:18px 'Lusitana', serif;
                                        color:#364349;
                                    }
                                    .gallery_list_1 p.album_list_description{
                                        font:11px Tahoma;
                                        color:#878787;
                                    }

                                    .gallery_list_1 ul.image_list{
                                        margin:20px 0px;

                                    }

                                    .gallery_list_1 ul.image_list li{
                                        float:left;
                                        width:200px;
                                        margin-right:30px;
                                        margin-bottom:30px;
                                    }
                                </style>
                                <h2 class="album_list_title">LorMauris accumsan nulla veem ip um dolor sit</h2>
                                <p class="album_list_description">LorMauris accumsan nulla veem ip um dolor sit LorMauris accumsan nulla veem ip um dolor sit</p>

                                <ul class="image_list">
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                    <li><a href="#"><img src="images/gallery/gallery_image_list.png" alt="image" /></a></li>
                                </ul><!--End .image_list-->
                                <div class="clear"></div>
                            </div><!--End GALLERY_LIST_WIDGET-->
                        </div><!--End #wrapper_gallery_list-->

                        <div id="wrapper_related_gallery">
                            <style>
                                #wrapper_related_gallery{
                                    margin:10px 0px;
                                    border-top:2px solid #c5c5c4;
                                    padding-top:10px;
                                }
                                
                            </style>
                            <!--Gallery Related WIDGET [slug:gallery_related, library:0, widget instance:1]-->
                            <div id="gallery_related_wi_1" class="gallery_related_0"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="breadcrumbs_0.css" />-->
                                <style>
                                    .gallery_related_0 .other_albums_wrapper{
                                        width:400px;
                                        margin:0px auto;
                                    }
                                    .gallery_related_0 .gallery_related_header{
                                        font:14px 'Lusitana', serif;
                                        color:#50b9ea;
                                    }
                                </style> 

                                <h3 class="gallery_related_header">
                                    Other Albums
                                </h3>
                                
                                <div class="other_albums_wrapper">
                                    <ul id="mycarousel" class="jcarousel-skin-tango">
                                        <li><img src="http://blogs.artinfo.com/imageconscious/wp-content/themes/artinfo-imageconscious/images/header-img.jpg" width="75" height="75" alt="" />=</li>
                                        <li><img src="http://images.anagrammer.com/e/q/u/a/l/-/02.thumbnail.110660-glowing-green-neon-icon-alphanumeric-equal-sign.png" width="75" height="75" alt="" /></li>
                                        <li><img src="http://cmsvoteup.com/content/images/post_images/MooCrop_Image_Cropping_Utility_1313459362_4125.jpg" width="75" height="75" alt="" /></li>
                                        <li><img src="http://img4.catalog.photos.msn.com/Image.aspx?uuid=7006eb50-428f-48a1-8e0e-d26726f03f4f&w=75&h=75&so=4" width="75" height="75" alt="" /></li>
                                        <li><img src="http://cmsvoteup.com/content/images/post_images/MooCrop_Image_Cropping_Utility_1313459362_4125.jpg" width="75" height="75" alt="" /></li>
                                        <li><img src="http://blogs.artinfo.com/imageconscious/wp-content/themes/artinfo-imageconscious/images/header-img.jpg" width="75" height="75" alt="" /></li>
                                    </ul>

                                </div>

                            </div>
                            <!-- End RELATED GALLERY WIDGET-->
                        </div><!-- End #wrapper_related_gallery -->
                    </div><!--End #main-->

                </div><!--End #wrapper_main-->

                <div id="wrapper_footer"> 
                    <style>
                        #wrapper_footer{
                            height:169px;
                            background: url(images/footer_bg.png) repeat-x;
                        }
                        #footer_section{
                            width:1000px;
                            margin:0px auto;

                        }
                    </style>
                    <div id="footer_section">
                        <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->
                        <style>
                            .footer_1 .footer_left{
                                float:left;
                                width:248px;
                            }

                            .footer_1 .footer_left .footer_logo{
                                background: url(images/footer_logo_bg.png) no-repeat center;
                                width:248px;
                                height:180px;
                                margin-top:-16px;
                                padding-top:10px;


                            }
                            .footer_1 .footer_left .footer_logo h1, .footer_1 .footer_left .footer_logo h3{
                                font-family: Arial;
                                margin-left:50px;
                            }

                            .footer_1 .footer_left .footer_logo h1{
                                font-size: 30px;
                                text-transform: uppercase;
                                font-weight: normal;
                                color:#ffffff;
                                margin-bottom: 5px;
                                margin-top: 55px;


                            }

                            .footer_1 .footer_left .footer_logo h3{
                                font-size: 14px;
                                font-weight: normal;
                                color:#b1b1b1;

                            }

                            .footer_1 .footer_right{
                                float:right;
                                width:730px;
                            }

                            .footer_1 .footer_right ul.small_nav_1{
                                display:block;
                                margin-top: 30px;
                            }

                            .footer_1 .footer_right ul.small_nav_1 li{
                                display:inline;
                                padding-right: 15px;
                                padding-left: 5px;
                                background: url(images/footer_menu_divider.png) no-repeat right;


                            }

                            .footer_1 .footer_right ul.small_nav_1 li.last{
                                background: none;

                            }

                            .footer_1 .footer_right ul.small_nav_1 li a{
                                font-family: tahoma;
                                color:#777575;
                                font-size: 11px;


                            }

                            .footer_1 .footer_right ul.small_nav_2{
                                display:block;
                                margin-top: 20px;
                            }

                            .footer_1 .footer_right ul.small_nav_2 li{
                                display:inline;
                                padding-right: 15px;
                                padding-left: 5px;
                                background: url(images/footer_menu_divider.png) no-repeat right;


                            }

                            .footer_1 .footer_right ul.small_nav_2 li.last{
                                background: none;

                            }

                            .footer_1 .footer_right ul.small_nav_2 li a{
                                font-family: tahoma;
                                color:#353535;
                                font-size: 11px;

                            }

                            .footer_1 .footer_bottom{
                                margin-top:30px;
                            }

                            .footer_1 .footer_bottom .copyright{
                                float:left;
                                width:345px;
                            }

                            .footer_1 .footer_bottom .copyright p{
                                font-family: Tahoma;
                                font-size:10px;
                                color:#7e7f81;
                                margin-top: 25px;
                            }

                            .footer_1 .footer_bottom .social_network{
                                float:right;
                                width: 250px;
                            }

                            .footer_1 .footer_bottom .social_network ul li{
                                float:left;
                                width:40px;
                                height:40px;
                                margin-right:10px;
                            }
                            
                            .footer_1 .footer_bottom .social_network ul li img{
                                
                                width:40px;
                                height:40px;
                               
                            }



                        </style>
                        <div id="footer_wi_1" class="footer_1"> 
                            <div class="footer_left">
                                <div class="footer_logo">
                                    <h1>
                                        privator
                                    </h1>
                                    <h3>
                                        Lawyer Bureau
                                    </h3>
                                </div><!--End .footer_logo-->

                            </div><!--End .footer_left-->

                            <div class="footer_right">
                                <ul class="small_nav_1">
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li class="last"><a href="#">Personal information</a></li>
                                </ul>

                                <ul class="small_nav_2">
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li class="last"><a href="#">Personal information</a></li>
                                </ul>

                                <div class="footer_bottom">
                                    <div class="copyright">
                                        <p>
                                            ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                        </p>
                                    </div><!--End .copyright -->

                                    <div class="social_network">
                                        <ul>
                                            <li><a href="#"><img src="images/youtube_icon.png" alt="youtube" width="75px" height="75px"/></a></li>
                                            <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"  width="75px" height="75px"/></a></li>
                                            <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"  width="75px" height="75px"/></a></li>
                                            <li><a href="#"><img src="images/rss_icon.png" alt=""  width="75px" height="75px"/></a></li>
                                            <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"  width="75px" height="75px"/></a></li>
                                        </ul>
                                    </div><!--End .social_network -->
                                    <div class="clear"></div>
                                </div><!--End .footer_bottom -->
                            </div><!--End .footer_right-->
                            <div class="clear"></div>
                        </div>
                        <!--END FOOTER WIDGET--> 

                    </div><!--End #footer_section-->
                </div><!--End #wrapper_footer-->

            </div><!-- End #wrapper-->
    </body>
</html>